/* reset css */
html, body,h1, h2, h3, h4,p,a, em,img, strong, b, u, i, center,dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 12px;
	vertical-align: baseline;
	background: transparent;
	font-family: arial, verdana, "times new roman"
}
body {
	line-height: 1.2;
	background: #f2f2f2;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* clearfix for fluid width */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.colfix
{
clear:both;
} 

 .clearfix {
	display: inline-block;
	clear:both;	
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/* common element */
a:link,
a:visited
{
color: #154DAA;
text-decoration: none
}
a:hover
{
text-decoration:underline;
}
/* draw main layout */
#wrapper
{
background: #fff;
margin:0;
padding:0;
text-align: center;
}
#wrapperin
{
margin: 0px auto;
padding: 0px;
width: 998px;
background: url(../images/body_bg.jpg) center center repeat-y;
text-align: center;
}

#wrapperfix
{
width: 960px;
margin: 0 auto;
text-align: left;
}
#banner
{
height: 121px;
width: 960px;
margin:0;
background: url(../images/banner.jpg) no-repeat;
}
#logo
{
	width: 246px;
	margin-top:35px;
	margin-left: 20px;
	float: left;
}
#logo img
{
margin-top: 10px;
margin-left: 10px;
}
#sitename
{
padding-top: 15px;
height: 65px;
padding-left: 15px;
}
#topmenu
{
float: left;
width: 810px;
height: 53px;
margin-bottom: 10px;
}
#topdivmenu
{
height: 31px;
background: url(../images/topmenu_bg.jpg) 0 0 repeat-x;
}
#topdivmenuright
{
padding-top: 5px;
height: 20px;
}
#topdivmenuright ul
{
float: right;
}
#topdivmenuright ul li
{
display: block;
float: right;
font-size:11px;
border-left: 1px solid #ccc;
}
#topdivmenuright ul li a:link,
#topdivmenuright ul li a:visited
{
margin: 0 10px;
display: block;
font-size: 11px;
color: #085db0;
}
#topdivmenuright ul li a:hover
{
}
#topdivmenuright ul li.eng
{
	background: url(../images/gb.png) 5px 0 no-repeat;
	padding-left: 15px;
}
#topdivmenuright ul li.vi
{
	background: url(../images/vn.png) 5px 0 no-repeat;
	padding-left: 15px;
}
#subtopmenu
{
clear:both;
height: 20px;
line-height: 20px;
margin-top: 5px;
margin-bottom: 5px;
}
#topsearch
{
width: 226px;
float: right;
display: block;
margin-right: 10px;
height: 21px;
background: #fff;
}

#mainbody
{
clear: both;
background: #f2f2f2;
margin-bottom: 1px;
overflow: hidden;
padding-bottom: 10px;
}
#content1
{
margin-bottom: 10px;
}
#leftcol1
{
width: 650px;
float: left;
margin-right: 10px;
}
.datetime
{float: left;
widht: 50%;
padding-left: 10px;
}
.searchbox
{
float: right;
widht: 50%;
}
#rightcol1
{
float: right;
width: 300px;
}
#content2
{
margin-top: 10px;
}
#leftcol2
{
width: 450px;
float: left;
margin-right: 10px;
}
#rightcol2
{
width: 475px;
float: left;
}

#rightsubcol1
{
	padding-top: 10px;
	float:left;
	width: 185px;
}
#rightsubcol2
{
	float:left;
	margin-left: 10px;
	width: 265px;
}
#leftcol
{
width: 165px;
overflow: hidden;
float: left;
}
#rightcol
{
width: 260px;
padding: 0;
padding-bottom: 10px;
margin:0 0 0 5px;
float: left;
overflow: hidden;
font-family: arial, verdana, tahoma;
font-size: 12px;
line-height: 19px;
}
#content
{
width: 525px;
overflow: hidden;
float: left;
margin: 0px 0px 0px 5px;
}
#content_noleft
{
width: 765px;
padding-top: 10px;
float: left;
margin: 0px 0px 0px 10px;
}
#bottommenu
{
background: url(../images/bottom-menu-bg.jpg) repeat-x;
height: 25px;
width: 960px;
margin: 0 auto;
}

#footer
{
clear: both;
background: #55a8fc;
font-size: 12px;
text-align:center;
width: 960px;
margin: 0 auto;
font-family: Arial, verdana, tahoma;
line-height: 15px;
padding: 5px 0px 15px 0px;
color: #000;
}
#footer a:link,
#footer a:visited
{
text-decoration: none;
}
#footer a:hover
{
text-decoration: underline;
}
.clrfix
{
clear: both;
}
.mbody
{
background: #fff;
}
option, select, input
{
color: #333;
font-size: 12px;
font-family: arial, verdana, tahoma;
}
input[type=text],
input[type=password],
input[type=textarea]
{
border: 1px solid #ccc;
}
/* top menu content */

#topdivmenu ul
{
display: block;
padding:0;
float: left;
}

#topdivmenu ul li
{
display: block;
float: left;
border-top: #fff;
padding:0;
height: 31px;
background: url(../images/splitter-topmenu.jpg) center right no-repeat;
}
#topdivmenu ul li a:link,
#topdivmenu ul li a:visited
{
display: block;
margin:0px 1px;
color: #fff;
font-family: arial;
font-weight: bold;
text-decoration: none;
}
#topdivmenu ul li a:link span,
#topdivmenu ul li a:visited span
{
display: block;
height: 31px;
line-height:31px;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
}
 
#topdivmenu ul li a:hover
{
text-decoration: underline;
}
#topdivmenu ul li.current
{
background: url(../images/active-top-menu.jpg) repeat-x;
}
#topdivmenu ul li.current a:link,
#topdivmenu ul li.current a:visited
{
color: #2e78c1;
}

.textsearchbox,
input.textsearchbox[type=text]
{
float: left;
background: none;
border: none;
width: 177px;
line-height: 22px;
height: 22px;
padding-left: 5px;
cursor: pointer;
color: #666;
}
.searchicon
{margin-top: 1px;}

/* module control */

.module_topadv
{
	margin: 0px auto 15px auto;
}
#leftcol1 .module .titletop
{
	background: url(../images/top-header-bg.png) top left no-repeat;
	line-height: 24px;
	color: #fff;
	padding-left: 10px;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	height: 24px;
}
/* end tab module */
#leftcol1 .module .mbody
{
border: 1px solid #cdcdcd;
background: #fff;
padding: 5px;
}

.hotnews
{
line-height: 16px;
margin-bottom: 5px;
float: left;
width: 370px;
padding-right: 5px;
font-size:12px;
}
.hotnewsright
{
float: left;
padding-left: 5px;
width: 240px;
}
.hotnews h3
{
background: none;
text-align: left;
margin-bottom: 10px;
}
.hotnews h3 a:link,
.hotnews h3 a:visited
{
text-decoration: none;
color: #333;
text-shadow: 0px 1px 0px #fff;
font-size: 14px;
}
.hotnews h3 a:hover
{
color: #278ef3;
}

ul.hotlistnews
{
clear: both;
border-top: 1px solid #fff;
}
ul.hotlistnews li
{
display: block;
border-bottom: 1px dotted #eee;
}
ul.hotlistnews li a:link,
ul.hotlistnews li a:visited
{
display: block;
color: #0066cc;
text-decoration: none;
background: url(../images/greybull.png) 0px 8px  no-repeat;
margin: 1px 0;
margin-bottom:5px;
padding: 5px 0;
padding-left: 15px;

}
ul.hotlistnews li a:hover
{
color: #ff391a;
}

#rightcol1 .module,
#rightsubcol1 .module
{
	border: 1px solid #cdcdcd;
	margin-bottom:10px;
}
#rightcol1 .module h3,
#rightsubcol1 .module h3
{
background: url(../images/right-bg-header.png) top left repeat-x;
height: 24px;
line-height: 24px;
border-bottom:1px solid #cdcdcd;
color: #288cf3;
text-align: center;
}
#rightcol1 .module h3 a:link,
#rightcol1 .module h3 a:visited,
#rightsubcol1 .module h3 a:visited,
#rightsubcol1 .module h3 a:link
{color: #288cf3;
font-size: 14px;}
.currentvideo
{
	font-weight:bold;
	padding: 10px;
	display:block;
}
.othervideo
{
padding:10px;
display:block;
}
.greylist li
{
background: url(../images/greybull.png) left 6px no-repeat;
padding-left: 10px;
line-height: 18px;
}
.greylist li a:link,
.greylist li a:visited
{
color: #333;
}
.greylist li a:hover
{
color: #ff391a;
}
#leftcol2 .module h3
{
	line-height: 24px;
	height: 24px;
	color: #fff;
	font-size: 14px;
	padding-left: 10px;
	font-weight: normal;
	background: url(../images/module-blue-header.gif) 0 0 no-repeat;
}

#leftcol2 .module .mbody
{
padding: 10px;
border: 1px solid #bdbdbd;
background: #fff;
}

/* sub hot new */
.topnews
{
display: block;
}
.thumbs img 
{
border: 1px solid #ccc;
padding: 2px;
margin-right: 5px;
float: left;
}
.topnews h4 a:link,
.topnews h4 a:visited
{
color: #000;
font-size: 14px;
display: block;
margin-bottom: 15px;
}
.bluelist
{
clear: both;
padding-top: 10px;
}
.bluelist li
{
display: block;
line-height: 14px;
margin-bottom: 5px;
}
.bluelist li a:link,
.bluelist li a:visited
{
color: #0066cc;
background: url(../images/greybull.png) 0 3px no-repeat;
padding-left: 10px;
line-height: 16px;
}
.bluelist li a:hover
{
color: #f9150a
}
/* start photo list */
#leftcol2 .rawmodule
{
background: #fff;
border: 1px solid #ccc;
padding: 10px;
margin: 10px 0px;
}
ul.photolist
{}
ul.photolist li
{
float: left;
width: 150px;
display: block;
margin: 0 auto;
}
ul.photolist li img
{
border: 1px solid #ccc;
padding: 3px;
}
ul.photolist li span.thumb
{
display: block;
width: 70px;
height: 50px;
float: left;
border: 1px solid #ccc;
padding: 2px;
margin-right: 3px;
}
ul.photolist li span.thumb img
{
display: block;
width: 70px;
height: 50px;
}
ul.photolist li a:link,
ul.photolist li a:visited
{
color: #111;
font-size: 12px;
line-height: 15px;
}
/* end photo list */

/* faq */
.faqtitle
{
border-bottom: 1px solid #f4f4f4;
}
.faqname
{
background: url(../images/faq.png) top left no-repeat;
padding-left: 45px;
font-size: 16px;
line-height: 34px;
height: 34px;
width: 250px;
float: left;
display: block;
}
.faqsubmit
{
background: url(../images/faqsumit.png) left center no-repeat;
width:80px;
padding-left: 20px;
float: right; 
display: block;
}
.submitbutton:link,
.submitbutton:visited
{
color: #de3f0a;
font-size: 14px;
}
.subtitle
{
color: #999;
font-size: 11px;
}
.faqbody
{
padding-top: 15px;
}
.faqbody .greylist
{
line-height: 16px;
}
.faqbody .greylist li
{
margin-bottom: 5px;
}
.faqbody .greylist a:link,
.faqbody .greylist a:visited
{
font-weight: bold;
}
.faqbody .greylist li span
{
display: block;
}
.infomodule
{
background: url(../images/infomodule.png) #dad7d7 top left no-repeat;
border: 1px solid #fff;
}
.infomodule h3
{
font-weight: bold;
font-size: 14px;
color: #2a8ff5;
line-height: 24px;
padding-left: 10px;
border-bottom: 1px solid #ccc;
}
.infomodule .mbody
{
margin-top: 5px;
border-top: 1px solid #fff;
background: none;
padding: 10px;
}
.thongtinkhamkhao
{
width: 210px;
display: block;
float: left;
margin-bottom: 10px;
}
.thongtinkhamkhao img
{
border: #999;
background: #fff;
height: 60px;
width: 90px;
padding: 2px;
float: left;
margin-right: 5px;
}
.thongtinkhamkhao a:link,
.thongtinkhamkhao a:visited
{
color: #000;
}
.thongtinkhamkhao a:hover
{
color: #f9150a;
text-decoration: none;
}

/* web link */
.weblink
{
border: 1px solid #ccc;
background:#fff;
margin-bottom: 10px;
}

/* chuyen muc */
#rightcol2 .rawmodule
{
border: 1px solid #ccc;
background: #fff;
padding: 10px;
margin-bottom:10px;
}
.rawmodule h3
{
	text-align: center;
	font-size: 16px;
	margin-bottom: 10px;
	color: #ee4639;
}
.catlist li
{display: block;
margin-bottom: 10px;
}
.catlist a:link,
.catlist a:visited
{
color: #0066cc; 
}
.catlist a:hover
{
color: #ee4639;
}
.catlist li span
{
	display: block;
	color: #666;
	font-size: 11px;
}

/* tranh co dong */
.drawingpic
{
background: #065eb4;
padding: 10px;
margin-bottom:10px;
}

.drawingpic h3
{
color: #fff;
font-size: 16px;
font-weight: bold;
margin-bottom:10px;
}
.votemodule
{margin-top: 10px;}
.votemodule h3
{
	margin-bottom: 10px;
}
.buttonvote
{
margin-top: 10px;
margin-right:10px;
}
/* module menu bottom */
.bmenu li
{
float: left;
height: 25px;
line-height: 25px;
padding: 0 15px;
}
.bmenu li a:link,
.bmenu li a:visited
{
font-size: 14px;
color: #fff;
}

/*footer menu */
.footmenu
{
padding-bottom: 25px;
}
.footmenu li
{
float: left;
padding: 0 7px;
border-left: 1px solid #ccc;
}
.footmenu li a:link,
.footmenu li a:visited
{
color: #333;
font-weight: bold;
}
.lienhequangcao
{
background: url(../images/lhquangcao.png) no-repeat 0 0;
padding-left: 20px;
}
.thuvienanh
{
background: url(../images/thuvienanh.png) no-repeat 0 2px;
padding-left: 15px;
}
span.top *
{
color: #fff;
}
span.top
{
color: #fff;
float: right;
padding-right: 10px;
line-height: 22px;
}
.advmodule
{
margin-bottom: 10px;
}
.advmodule img
{
margin-bottom: 5px;
}
#rightsubcol1 .rawmodule
{
margin-bottom: 10px;
background: url(../images/bg-body-module.gif) #fff repeat-x;
border: 1px solid #ccc;
padding: 5px;
}
#rightsubcol1 .rawmodule .mbody
{
background: none;
}
.rawmodule
{
margin-bottom: 10px;
background: url(../images/bg-body-module.gif) repeat-x #fff;
}
h4
{
font-size: 12px;
color: #0066cc;
line-height: 14px;
margin-bottom: 10px;
}
.modulesmall
{
margin-bottom: 10px;
}
.modulesmall h3
{
background: url(../images/modulesmalltitle.gif) 0 0 no-repeat;
color: #fff;
line-height:24px;
padding-left: 5px;
font-size: 14px;
}
.modulesmall .mbody
{
border: 1px solid #ccc;
background: #fff;
padding: 5px;
}
.modulelow
{
border: 1px solid #ccc;
background: url(../images/bg-body-module.gif) 0 0 repeat-x #fff;
padding: 5px;
margin-bottom: 10px;
}
.modulelow h3
{
color: #2a8ff5;
font-size: 14px;
font-weight:bold;
line-height: 24px;
margin-bottom: 10px;
}
.modulelow .mbody
{
border:none;
background: none;
}
.thamkhao li
{
clear: both;
display: block;
line-height: 30px;
padding-bottom: 5px;
}
.thamkhao li img
{
	width: 30px;
	height:27px;
float: left;
margin-right: 10px;
}
#leftcol2 .module
{margin-bottom: 10px;}

/*slide tranh co dong */
/*preload classes*/ .drawingpic {width: 50px; height: 20px; background: #065eb4;}
 .drawingpic ul {position: relative; left: -999em;} 
 /*core classes*/ .stripViewer {margin-top:10px; position: relative; overflow: hidden; border: 5px solid #065eb4; margin: 0 0 1px 0; } 
 
.stripViewer ul { /* this is your UL of images */ margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } 
.stripViewer h3
{background: #065eb4;
color: #fff;
line-height: 30px;
}
.stripViewer ul li { float:left; } .stripTransmitter { overflow: auto; width: 1%; } 
.stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; } 
.stripTransmitter ul li{ width: 20px; float:left; margin: 0 1px 1px 0; } 
.stripTransmitter a{ font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background: #065eb4; color: #fff; text-decoration: none; display: block; } 
.stripTransmitter a:hover, a.current{ background: #fff; color: #065eb4; } 
/*tooltips formatting*/ .tooltip { padding: 0.5em; background: #fff; color: #000; border: 5px solid #dedede; }
#mygalone
{
}


/* child page */
#content3
{
float: left;
}

#leftcol3
{
width: 650px;
padding-top: 0
}

#contentholder
{
background: #fff;
border: 1px solid #ccc;
padding: 0 10px 10px 10px;
}
.grouptitle h2
{
border-bottom: 1px dotted #ccc;
margin-bottom: 15px;
font-size: 16px;
line-height: 30px;
}
.grouptitle h2 a
{font-size: 14px;
color: #333;
}
.articletitle h3
{
font-size: 22px;
margin-top: 10px;
color: #666;
margin-bottom: 0px;
}
.articleinfo
{
margin-bottom: 20px;
}
.artilecontent *
{
font-size: 14px;
line-height: 19px;
}

.artilecontent p
{
margin-bottom: 15px
}
.imagescontent
{border: 1px solid #333;}

.imagesholder
{margin-bottom: 20px;
text-align: center;
font-size:11px;
}
.author
{
font-size: 14px;
font-style:italic;
}
.tool
{text-align: right;
}
.related
{
margin-top: 20px;
border-top: 1px dashed #999;
padding-bottom: 20px;
}
.related h3
{
font-size: 16px;
font-weight:bold;
margin-top: 10px;
color: #666;
margin-bottom: 10px;
margin-left: 15px;
}
.related ul
{
margin-left: 20px;
}
.related ul li
{
font-size: 12px;
margin-bottom: 5px;
background: url(../images/sbullet.gif) 0 7px no-repeat;
padding-left: 10px;
}
.related ul li a
{
font-size: 12px;
}
.related ul li a span
{
color: #666;
font-size:12px;
}

/* danh muc tin tuc */

.listnews
{
margin-top: 20px;
}
.listnews li
{
clear:both;
}
div.colfix
{
clear:both;
display: block;
height:15px;
}
.listnews li a
{
color: #000;
font-size: 14px;
font-weight: bold;
}
.greynews
{
color: #999;
font-size: 12px;
display: block;
margin-bottom: 5px;
}
.listnews img
{
width: 125px;
border: 1px solid #ccc;
padding: 2px;
background: #fff;
float: left;
margin-right: 10px;
}
.listnews p
{
color: #333;
}
.pagenavi
{
padding-left: 20px;
}
.pagenavi li
{
padding: 2px 5px;
border: 1px solid #ccc;
background: #fff;
color: #000;
display: block;
float: left;
margin-right:5px;
}
.pagenavi li a
{color: #000}
.pagenavi li.next
{
background: url(../images/next.gif) right 2px no-repeat;
padding-right: 10px;
border:none;
}
.pagenavi li.current
{border:none;}
.pagenavi li.prev
{
background: url(../images/prev.gif)  left 2px no-repeat;
padding-left: 10px;
border:none;
}
.pagenavi li.first
{
background: url(../images/first.gif) left 2px no-repeat;
padding-left: 13px;
border:none;
}
.pagenavi li.end
{
background: url(../images/last.gif) right 2px no-repeat;
padding-right: 13px;
border:none;
}

/* search page */
.searchform
{margin-top: 10px;}
.textsearch
{
clear:both;
color: #999;
margin-top: 20px;
}
.inputsearchfield
{
float: left;
width: 250px;
margin-right: 10px;
line-height: 22px;
padding-left: 5px;
}

/*contact page*/
.groupcontact
{
background: url(../images/contact-bullet.png) 0px 2px no-repeat;
padding-left: 25px;
margin-bottom: 30px;
}
.groupcontact ul li
{
line-height: 22px;
margin-left: 20px;
font-size: 13px;
}
.groupcontact ul li span
{
font-weight: bold;
}


/*album */
.listnews img.albumcover
{width: 170px !important;}

.photoholder
{
width: 280px;
float: left;
margin-bottom: 20px;
margin-right: 30px;
}
.photothum
{
width: 120px;
float: left;
margin-right: 10px;
padding: 2px;
border: 1px solid #ccc;
}
.photoholder .newstitle
{
	font-weight: bold;
	font-size: 13px;
	display: block;
	margin-bottom: 10px;
	color: #666
}
/*=== end of main stylesheet ===*/
